<template>
	<div>
		<tabbar  style="position: fixed; bottom: 0;width: 100%;">
    		<tabbar-item link="/" >
    			<i slot="icon" class="fa fa-home"></i>
    			<span slot="label">	首页</span>
    		</tabbar-item>
    		<tabbar-item link="/collection" >
    			<i slot="icon" class="fa fa-star-o"></i>
    			<span slot="label">分类</span>
    		</tabbar-item>
    		<tabbar-item link="#"  >
    			<span slot="label">
    					<img style="width: 65px;margin-top: -4px;position: relative;" src="//gw.alicdn.com/tfs/TB1XvUqjqagSKJjy0FgXXcRqFXa-136-114.png" alt="" />
    			</span>
    		</tabbar-item>
    		<tabbar-item link="/ShopCart" >
    			<i slot="icon" class="fa fa-shopping-cart"></i>
    			<span slot="label">	购物车</span>
    		</tabbar-item>
    		<tabbar-item link="/mytao" >
    			<i slot="icon" class="fa fa-user-o"></i>
    			<span slot="label">	我的淘宝</span>
    		</tabbar-item>
    </tabbar>
	</div>
</template>

<script>
	import { Tabbar , TabbarItem } from 'vux'
		export default{
		components:{
			Tabbar,
			TabbarItem
		}
		}
</script>

<style>
</style>